@charset "UTF-8"; /*! * Bootstrap v5.0.0-beta1 (https://getbootstrap.com/) * Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2020 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)) } *, ::after, ::before { box-sizing: border-box } @media (prefers-reduced-motion:no-preference) { :root { scroll-behavior: smooth } } body { margin: 0; font-family: var(--bs-font-sans-serif); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0!important } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: .25 } hr:not([size]) { height: 1px } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2 } .h1, h1 { font-size: calc(1.375rem + 1.5vw) } @media (min-width: 1200px) { .h1, h1 { font-size: 2.5rem } } .h2, h2 { font-size: calc(1.325rem + .9vw) } @media (min-width: 1200px) { .h2, h2 { font-size: 2rem } } .h3, h3 { font-size: calc(1.3rem + .6vw) } @media (min-width: 1200px) { .h3, h3 { font-size: 1.75rem } } .h4, h4 { font-size: calc(1.275rem + .3vw) } @media (min-width: 1200px) { .h4, h4 { font-size: 1.5rem } } .h5, h5 { font-size: 1.25rem } .h6, h6 { font-size: 1rem } p { margin-top: 0; margin-bottom: 1rem } ol, ul { padding-left: 2rem } dl, ol, ul { margin-top: 0; margin-bottom: 1rem } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } blockquote { margin: 0 0 1rem } a { color: #0d6efd; text-decoration: underline } a:hover { color: #0a58ca } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none } img, svg { vertical-align: middle } table { caption-side: bottom; border-collapse: collapse } caption { padding-top: .5rem; padding-bottom: .5rem; color: #6c757d; text-align: left } th { text-align: inherit; text-align: -webkit-match-parent } tbody, td, tfoot, th, thead, tr { border-color:#b0b0b1; border-style: solid; border-width: 1px;padding: 5px; text-align: center;} label { display: inline-block } button { border-radius: 0 } button:focus { outline: dotted 1px; outline: -webkit-focus-ring-color auto 5px } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, select { text-transform: none } [role=button] { cursor: pointer } select { word-wrap: normal } [list]::-webkit-calendar-picker-indicator { display: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer } textarea { resize: vertical } iframe { border: 0; max-width: 100%; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { width: 100%; padding-right: var(--bs-gutter-x, .75rem); padding-left: var(--bs-gutter-x, .75rem); margin-right: auto; margin-left: auto } @media (min-width: 576px) { .container, .container-sm { max-width: 540px } } @media (min-width: 768px) { .container, .container-md, .container-sm { max-width: 720px } } @media (min-width: 992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px } } @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px } } @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1200px } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x)/ -2); margin-left: calc(var(--bs-gutter-x)/ -2) } .row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x)/ 2); padding-left: calc(var(--bs-gutter-x)/ 2); margin-top: var(--bs-gutter-y) } .col-4 { flex: 0 0 auto; width: 33.3333333333% } .col-6 { flex: 0 0 auto; width: 50% } .g-0, .gx-0 { --bs-gutter-x: 0 } .g-0, .gy-0 { --bs-gutter-y: 0 } .g-2, .gx-2 { --bs-gutter-x: 10px } .g-2, .gy-2 { --bs-gutter-y: 0.5rem } @media (min-width: 576px) { .col-sm-6 { flex: 0 0 auto; width: 50% } } @media (min-width: 768px) { .col-md-5 { flex: 0 0 auto; width: 41.6666666667% } .col-md-6 { flex: 0 0 auto; width: 50% } .col-md-7 { flex: 0 0 auto; width: 58.3333333333% } .col-md-10 { flex: 0 0 auto; width: 83.3333333333% } .col-md-12 { flex: 0 0 auto; width: 100% } .offset-md-1 { margin-left: 8.3333333333% } } @media (min-width: 992px) { .col-lg-1 { flex: 0 0 auto; width: 8.3333333333% } .col-lg-2 { flex: 0 0 auto; width: 16.6666666667% } .col-lg-3 { flex: 0 0 auto; width: 25% } .col-lg-4 { flex: 0 0 auto; width: 33.3333333333% } .col-lg-5 { flex: 0 0 auto; width: 41.6666666667% } .col-lg-6 { flex: 0 0 auto; width: 50% } .col-lg-7 { flex: 0 0 auto; width: 58.3333333333% } .col-lg-8 { flex: 0 0 auto; width: 66.6666666667% } .col-lg-9 { flex: 0 0 auto; width: 75% } .col-lg-10 { flex: 0 0 auto; width: 83.3333333333% } .col-lg-12 { flex: 0 0 auto; width: 100% } .offset-lg-1 { margin-left: 8.3333333333% } .offset-lg-2 { margin-left: 16.6666666667% } .offset-lg-3 { margin-left: 25% } } @media (min-width: 1200px) { .col-xl-2 { flex: 0 0 auto; width: 16.6666666667% } .col-xl-3 { flex: 0 0 auto; width: 25% } .col-xl-4 { flex: 0 0 auto; width: 33.3333333333% } .col-xl-5 { flex: 0 0 auto; width: 41.6666666667% } .col-xl-6 { flex: 0 0 auto; width: 50% } .col-xl-7 { flex: 0 0 auto; width: 58.3333333333% } .col-xl-8 { flex: 0 0 auto; width: 66.6666666667% } .col-xl-9 { flex: 0 0 auto; width: 75% } .col-xl-12 { flex: 0 0 auto; width: 100% } .offset-xl-2 { margin-left: 16.6666666667% } .offset-xl-3 { margin-left: 25% } } @media (min-width: 1400px) { .col-xxl-2 { flex: 0 0 auto; width: 16.6666666667% } .col-xxl-3 { flex: 0 0 auto; width: 25% } .col-xxl-4 { flex: 0 0 auto; width: 33.3333333333% } .col-xxl-5 { flex: 0 0 auto; width: 41.6666666667% } .col-xxl-6 { flex: 0 0 auto; width: 50% } .col-xxl-7 { flex: 0 0 auto; width: 58.3333333333% } .col-xxl-8 { flex: 0 0 auto; width: 66.6666666667% } .col-xxl-9 { flex: 0 0 auto; width: 75% } .col-xxl-12 { flex: 0 0 auto; width: 100% } .offset-xxl-1 { margin-left: 8.3333333333% } .offset-xxl-2 { margin-left: 16.6666666667% } .offset-xxl-3 { margin-left: 25% } .offset-xxl-4 { margin-left: 33.3333333333% } } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0 0; margin-bottom: 1rem; list-style: none } .breadcrumb-item+.breadcrumb-item { padding-left: .5rem } .breadcrumb-item+.breadcrumb-item::before { float: left; padding-right: .5rem; color: #6c757d; content: var(--bs-breadcrumb-divider, "/") } .breadcrumb-item.active { color: #6c757d } .d-flex { display: flex!important } .d-none { display: none!important } .w-100 { width: 100%!important } .justify-content-end { justify-content: flex-end!important } .justify-content-center { justify-content: center!important } .justify-content-between { justify-content: space-between!important } .align-items-start { align-items: flex-start!important } .align-items-center { align-items: center!important } .p-0 { padding: 0!important } .text-end { text-align: right!important } .text-center { text-align: center!important } @media (min-width: 576px) { .d-sm-block { display: block!important } .d-sm-flex { display: flex!important } .text-sm-end { text-align: right!important } } @media (min-width: 992px) { .d-lg-block { display: block!important } .text-lg-end { text-align: right!important } } @media (min-width: 1200px) { .d-xl-block { display: block!important } .text-xl-end { text-align: right!important } }